<template>
	<div>
		<div class="cart">
			<cart-list-item v-for="(item,index) in cartList" :key="index" :item="item"></cart-list-item>
		</div>
	</div>
</template>

<script>
import cartListItem from './cartListItem.vue'
export default {
  name:"cartList",
	components: {
		cartListItem
	},
	computed: {
		cartList(){
			return this.$store.state.cartList
		}
	}
}
</script>

<style scoped>





.goods-title {
	overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}

.goods-desc {
	overflow: hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}

</style>